$red:orange;
$border:border;
$left:left;
$t:top;

@mixin fl {
  float: left;
}

@mixin fr {
  float: right;
}

@mixin clearfix {
  &::after {
    content: '';
    height: 0;
    visibility: hidden;
    clear: both;
    display: block;
  }
}

@mixin font($size:10px, $color:#000, $weight:normal) {
  font-size: $size;
  color: $color;
  font-weight: $weight;
}

@mixin flex($direction:column, $wrap:nowrap, $content:flex-start, $items:flex-start) {
  display: flex;
  flex-direction: $direction;
  flex-wrap: $wrap;
  justify-content: $content;
  align-items: $items;
}
